.header {
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	+zoom: 1;
	z-index: 10;
	height: 85px
}
.header .nav_list {
	position: absolute;
	top: 0;
	right: 0
}
.header .nav_list a: hover {
	text-decoration: none
}
.header .nav_li {
	float: left;
	width: 162px;
	position: relative;
	+zoom: 1;
	height: 84px
}
.header .btn_nav {
	display: block;
	width: 136px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -19px 0 0 -68px;
	font-size: 16px;
	color: #fff;
	z-index: 6
}
.header .btn_nav: hover {
	text-decoration: none;
	border: 2px solid #aeaba6;
	border-color: rgba(255,255,255,.5);
	margin: -21px 0 0 -70px
}
.header .btn_nav i {
	display: inline-block;
	+display: inline;
	+zoom: 1;
	background-image: url(/img/head_spr.png);
	position: relative;
	background-repeat: no-repeat;
	cursor: pointer
}
.header .ic_product {
	background-position: 0 0;
	width: 29px;
	height: 19px;
	margin-right: 13px;
	top: 3px;
	+top: 0;
	_margin-top: 9px
}
.header .ic_more {
	background-position: 0 -24px;
	width: 26px;
	height: 19px;
	margin-right: 11px;
	top: 3px;
	+top: 0;
	_margin-top: 9px
}
.header .more_nav {
	position: absolute;
	top: 0;
	right: -162px;
	width: 162px;
	height: 9999px;
	padding-top: 100px;
	background: rgba(0,0,0,.5);
	transition: right .3s;
	-webkit-transition: right .3s
}
.header .nav_li .show {
	right: 0
}
.header .more_nav .opc_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=50);
	top: 0;
	_left: 1px
}
.header .more_nav ul {
	position: relative;
	z-index: 5
}
.header .more_nav li {
	padding-bottom: 45px;
	+zoom: 1;
	position: relative
}
.header .more_nav a {
	color: #c5c8d0
}
.header .more_nav a: hover {
	color: #edf2fe
}
.header .btn_snav {
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	height: 24px;
	position: relative;
	color: #edf3ff
}
.header .more_nav .ic_bdot {
	position: absolute;
	background: url(/img/head_spr.png) no-repeat -36px 0;
	width: 12px;
	height: 12px;
	left: -9999px;
	font-size: 0;
	line-height: 0;
	transition: top .2s;
	-webkit-transition: top .2s
}
.header .sub_nav dd {
	padding: 12px 0
}
.header .sub_nav dt {
	margin-bottom: 12px;
	line-height: 24px
}
.header .sub_nav dd a {
	font-size: 14px;
	text-align: center;
	position: relative;
	display: block;
	line-height: 20px
}
.header .btn_snav {
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	height: 24px;
	position: relative;
	color: #edf3ff
}
.header .more_nav .ic_sdot {
	position: absolute;
	background: url(/img/head_spr.png) no-repeat -36px -16px;
	width: 10px;
	height: 10px;
	left: -9999px;
	font-size: 0;
	line-height: 0;
	transition: top .2s;
	-webkit-transition: top .2s
}
@keyframes bounceInRight {
	0% {
	opacity: 0;
	transform: translateX(2000px)
}
60% {
	opacity: 1;
	transform: translateX(-30px)
}
80% {
	transform: translateX(10px)
}
100% {
	transform: translateX(0)
}
}@-webkit-keyframes bounceInRight {
	0% {
	opacity: 0;
	-webkit-transform: translateX(2000px)
}
60% {
	opacity: 1;
	-webkit-transform: translateX(-30px)
}
80% {
	-webkit-transform: translateX(10px)
}
100% {
	-webkit-transform: translateX(0)
}
}